/**
 * @author XiangKang on 2017/8/24.
 */
Ext.define('Superbio.view.Viewport', {
    extend: 'Ext.container.Viewport',
    layout: 'border',
    items: [{
        xtype: 'panel',
        region: 'north',
        border: true,
        height: 60,
        html: "\
                <div style='height:56px;background-color:#0e7acf;'>\
                <div style='float:left;text-align:center;width:200px;margin-top:28px;'>\
                <span style='font-size: 20px;color: #ffffff;margin-left: 12px;margin-bottom:100px;font-weight: bold;'>检测报告业务系统</span>\
                </div>\
                <div style='float:right;width:50px;margin-top:30px;'>\
                <a href='logout' style='color:#cccccc;text-decoration:none;font-size:14px;'>注销</a></div>\
                </div>"
    }, {
        region: 'west',
        width: 200,
        collapsible: true,
        split: true,
        title: '<div align="center">菜单栏</div>'
        // could use a TreePanel or AccordionLayout for navigational items
    }, {
        xtype: 'toolbar',
        region: 'south',
        height: 33,
        items: ["当前用户：username", '->', "技术支持:<a  target='_blank' style='text-decoration:none;'><span style='color: #00F;'>江苏紫薇杏林信息科技有限公司</span></a>&nbsp;&nbsp;"]
    }, {
        region: 'center',
        xtype: 'tabpanel',
        activeTab: 0,
        items: {
            title: 'Default Tab',
            html: 'The first tab\'s content. Others may be added dynamically'
        }
    }]
});